<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/carousel.css"/>
		<link rel="stylesheet" type="text/css" href="css/resource.css"/>
		<script src="js/rem.js"></script>
	</head>
	<body>
		<div class="web">
			<!--头部-->
			<header>
				<div class="header-box">
					<div class="liebiao">
						<i class="iconfont icon-liebiao"></i>
					</div>
					<div class="header-img">
						<a href="#"><img src="img/logo.png"/></a>
					</div>
					<div class="header-bottom">
						<i class="iconfont icon-sousuo"></i>
					</div>
				</div>
			</header>
			<!--内容-->
			<!--腾讯视频开始-->
			<div class="resource">
				<div class="carousel_wrap2">
					<div class="lunbo_wrap">
						<!--轮播图的容器-->
						<ul class="pic_box">
							<li>
								<img src="img/02.png"/>
								<div class="nav-title">
									<div class="nav-bottom">
										<h3>线下媒体资源</h3>
										<div class="nav-text">
											<div>
												<span>饿了么线下媒体资源</span>
											</div>
											<div>
												<span>2016年5月26日</span>
												<i class="iconfont icon-yanjing"><span>560</span></i>
											</div>
										</div>
									</div>
								</div>
							</li>
							<li>
								<img src="img/02.png"/>
								<div class="nav-title">
									<div class="nav-bottom">
										<h3>线下媒体资源</h3>
										<div class="nav-text">
											<div>
												<span>饿了么线下媒体资源</span>
											</div>
											<div>
												<span>2016年5月26日</span>
												<i class="iconfont icon-yanjing"><span>560</span></i>
											</div>
										</div>
									</div>
								</div>
							</li>
							<li>
								<img src="img/02.png"/>
								<div class="nav-title">
									<div class="nav-bottom">
										<h3>线下媒体资源</h3>
										<div class="nav-text">
											<div>
												<span>饿了么线下媒体资源</span>
											</div>
											<div>
												<span>2016年5月26日</span>
												<i class="iconfont icon-yanjing"><span>560</span></i>
											</div>
										</div>
									</div>
								</div>
							</li>
							<li>
								<img src="img/02.png"/>
								<div class="nav-title">
									<div class="nav-bottom">
										<h3>线下媒体资源</h3>
										<div class="nav-text">
											<div>
												<span>饿了么线下媒体资源</span>
											</div>
											<div>
												<span>2016年5月26日</span>
												<i class="iconfont icon-yanjing"><span>560</span></i>
											</div>
										</div>
									</div>
								</div>
							</li>
							<li>
								<img src="img/02.png"/>
								<div class="nav-title">
									<div class="nav-bottom">
										<h3>线下媒体资源</h3>
										<div class="nav-text">
											<div>
												<span>饿了么线下媒体资源</span>
											</div>
											<div>
												<span>2016年5月26日</span>
												<i class="iconfont icon-yanjing"><span>560</span></i>
											</div>
										</div>
									</div>
								</div>
							</li>
						</ul>
						<!--底部的控制点-->
						<ul class="pannel">
							
						</ul>
					</div>
				</div>
				<div class="txvideo-box">
					<div class="txvideo">
						<div class="videoimg">
							<img class="lazy" src="img/loading.gif" data-original="img/res_01.jpg"/>
						</div>
						<div class="video-title">
							<h3>腾讯视频</h3>
							<p>
								腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......
							</p>
							<p>
								<span>2015-9-3</span>
								<i class="iconfont icon-yanjing"><span>250</span></i>
							</p>
						</div>
					</div>
				</div>
				<div class="txvideo-box">
					<div class="txvideo">
						<div class="videoimg">
							<img class="lazy" src="img/loading.gif" data-original="img/res_01.jpg"/>
						</div>
						<div class="video-title">
							<h3>腾讯视频</h3>
							<p>
								腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......
							</p>
							<p>
								<span>2015-9-3</span>
								<i class="iconfont icon-yanjing"><span>250</span></i>
							</p>
						</div>
					</div>
				</div>
				<div class="txvideo-box">
					<div class="txvideo">
						<div class="videoimg">
							<img class="lazy" src="img/loading.gif" data-original="img/res_01.jpg"/>
						</div>
						<div class="video-title">
							<h3>腾讯视频</h3>
							<p>
								腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......
							</p>
							<p>
								<span>2015-9-3</span>
								<i class="iconfont icon-yanjing"><span>250</span></i>
							</p>
						</div>
					</div>
				</div>
				<div class="txvideo-box">
					<div class="txvideo">
						<div class="videoimg">
							<img class="lazy" src="img/loading.gif" data-original="img/res_01.jpg"/>
						</div>
						<div class="video-title">
							<h3>腾讯视频</h3>
							<p>
								腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......
							</p>
							<p>
								<span>2015-9-3</span>
								<i class="iconfont icon-yanjing"><span>250</span></i>
							</p>
						</div>
					</div>
				</div>
				<div class="load">
					<a href="#">加载更多</a>
				</div>
			</div>
			<!--腾讯视频结束-->
			<!--腾讯视频文章开始-->
			<div class="resource-text-box">
				<div class="resource-text">
					<div class="text-top">
						<h3>腾讯视频</h3>
						 <p>
						 	<span>2016年5月26日</span>
						 	<i class="iconfont icon-yanjing"><span>560</span></i>
						 </p>
						 <div>
						 	<p>腾讯视频贴片广告，60秒贴片广告，质量超棒！</p>
						 	<p>欢迎尝试，价格可谈。</p>
						 </div>
					</div>
					<div class="resource-img">
						<img  src="img/res_02.jpg" />
					</div>
				</div>
				<div class="contact">
					<h3>联系方式 :</h3>
					<div class="contact-ul">
						<ul>
							<li>
								<div class="contact-li">
									<div>
										<img src="img/renwu.png"/>
									</div>
									<p>于皓</p>
								</div>
							</li>
							<li>
								<div class="contact-li">
									<div>
										<img src="img/tel.png"/>
									</div>
									<p>020-123456</p>
								</div>
							</li>
							<li>
								<div class="contact-li">
									<div>
										<img src="img/mes.png"/>
									</div>
									<p>hotane@qq.com</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--腾讯视频文章结束-->
			<!--脚部-->
			<footer>
				<div class="bottom">
					<ul>
						<li>
							<a href="index.html">
								<img src="img/01home_g.png"/>
								<p>首页</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/03GIMC_g.png"/>
								<p>GIMY</p>
							</a>
						</li>
						<li>
							<a href="article.html">
								<img src="img/05article_g.png"/>
								<p>文章</p>
							</a>
						</li>
						<li>
							<a href="resource.html">
								<img src="img/08resou_r.png"/>
								<p class="footer">资源</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/09college_g.png"/>
								<p>学院</p>
							</a>
						</li>
					</ul>
				</div>
			</footer>
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript"></script>
		<script src="js/carousel.js"type="text/javascript"></script>
		<script src="js/resource.js" type="text/javascript"></script>
		<script src="js/lazyload.js" type="text/javascript"></script>
		<!--<script src="js/vconsole.min.js"></script>-->
		<script>
			new lunbo(".carousel_wrap2", 640 / 1200, true ,true, 2000, true);
			$("img.lazy").lazyload({
			    effect : "fadeIn",
			    container:$(".resource"),
			    threshold:0,
			    failure_limit: 10
			});
		</script>
	</body>
</html>
